import { createRouter, createWebHistory } from 'vue-router'
import Home from '@/views/home.vue'
import Index from '@/views/index.vue'
import Cla from '@/views/cla.vue'
import Register from '@/views/register.vue'
import Login from '@/views/login.vue'
import Cart from '@/views/cart.vue'
import My from '@/views/my.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    { path: '/', redirect: '/home/index' },
    {
      path: '/home',
      name: 'home',
      component: Home,
      children: [{
        path: 'index',
        name: 'index',
        component: Index,
      },
      {
        path: 'cla',
        name: 'cla',
        component: Cla
      },
      {
        path: 'cart',
        name: 'cart',
        component: Cart
      },
      {
        path:'my',
        name:'my',
        component:My
      }
      ]
    },
    {
      path: '/register',
      name: 'register',
      component: Register
    },
    {
      path: '/login',
      name: 'login',
      component: Login
    },

  ],
})
router.beforeEach((to,from,next)=>{
  let token=localStorage.getItem('token')
  if(to.fullPath=='/home/cart'||to.fullPath=='/home/my'){
    if(!token){
      next('/login')
    }
    else{
      next()
    }

  }
  else{
    next()
  }
})

export default router
